<script setup>
    import {ref} from "vue"
    const msg = ref("")
</script>

<template>
  <div>
    <input type="text" v-model="msg">
    <p class="show">{{ msg }}</p>
  </div>
</template>

<style scoped>
  .show {
    width: 180px;
    padding: 5px 10px;
    background-color: #2c5abd;
    color: #fff;
  }
</style>

